@charset "urf-8";

/* 设置背景颜色方便观察 */
div{
	background-color: silver;
}

/***************** 元素尺寸 *****************/
/* 设置元素尺寸。用于设置元素的固定尺寸 */
#first{
	/*width: 200px;
	height: 200px;*/
}

/* 限制元素的尺寸。这一组主要是应对可能动态产生元素尺寸变大表小的问题，从而限制它最大和最小 */
#first{
	/*min-width: 100px;
	min-height: 100px;
	max-width: 300px;
	max-width: 300px;*/
}

/* auto 自适应。auto 是默认这，width 在 auto 下是100%的值；height 在 auto 下是自适应 */
#first{
	width: auto;
	height: auto;
}

/* 百分比。百分比是相对于父元素长度来衡定的。 */
#a{
	width: 200px;
	height: 200px;
}

#b{
	background-color:gray;
	width: 80%;
	height: 80%;
}

/***************** 内边距 *****************/
/* 设置四个内边距 */
#first{
	/*padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 60px;
	padding-left: 40px;*/
}

/* 简写形式，分别对应顶部内边距、右边内边距、底部内边距、左边内边距*/
#first{
	/*padding: 30px 50px 60px 40px;*/
}

/* 简写形式，分别对应顶部内边距、左右边内边距、底部内边距*/
#first{
	/*padding: 30px 40px 50px;*/
}

/* 简写形式，分别对应上下内边距、左右边内边距*/
#first{
	/*padding: 30px 50px;*/
}

/* 简写形式，分别对应上下左右内边距*/
#first{
	/*padding: 30px;*/
}

/***************** 外边距 *****************/
/* 设置四个外边距 */
#first{
/*	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 40px;
	margin-left: 50px;*/
}
/* 简写形式，分别为上、右、下、左*/
#first{
	/*margin: 20px 30px 40px 50px;*/
}
/* 简写形式，分别为上、左右、下 */
#first{
	/*margin: 20px 30px 40px;*/
}
/* 简写形式，分别为上下、左右 */
#first{
	/*margin: 20px 30px;*/
}
/* 简写形式，为上下左右 */
#first{
	/*margin: 30px;*/
}
/***************** 溢出处理 *****************/
#first{
	width: 200px;
	height: 200px;
}

/* 设置溢出为 auto */
#first{
	overflow:auto;
}

